<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        #div1{
        display: flex;
        width: 234px;
        height: 170px;
        background-color: rgb(95, 87,80);
        flex-wrap: wrap-reverse;
        justify-content: center;
        align-self: center;
        align-items: center;
        }
        .guanggaoimg{
            width: 346px;
            height: 170px;
        }
        img{
            width: 316px;
            height: 170px;
        }
        #father{
            width: 1240px;
            display: flex;
            justify-content: space-between;
        
        }
        #grandfather{
            width: 100%;
            display: flex;
            justify-content: center;
            justify-content: space-between; 

        }
        #div1 img {
            display: flex;/*tupian*/
            width: 24px;
            height: 24px;
            align-content: center;
            justify-content: space-between; 

        }
        #div2{
            display: flex;
            align-items: center;
            flex-flow: column; 
            justify-content: space-between; 
            width: 70px;
            height: 64px;
        }
        #nb{
            font-size: 15px;
            color: white;
        }
       
        
    </style>
    

   
</head>
<body>
    <div id="grangfather"> 
        <div id="father">
            <div id="div1">
                 <div id="div2">
                    <img src="1.png">
                    <div id="nb"><font>企业团购</font></div>   
                    </div>
                 <div id="div2">
                   <img src="2.png">
                   <div id="nb"><font>企业团购</font></div>
                 </div>   
                 <div id="div2">
                    <img src="3.png">
                    <div id="nb"><font>企业团购</font></div>
                 </div>   
                 <div id="div2">
                   <img src="4.png">
                   <div id="nb"><font>企业团购</font></div>
                 </div>   
                 <div id="div2">
                    <img src="4.png">
                    <div id="nb"><font>企业团购</font></div>
                 </div>   
                 <div id="div2"> 
                    <img src="5.png">
                    <div id="nb"><font>企业团购</font></div>
                 </div>
                    
                    
                
               
            </div>

            <div class="guanggaoimg">
                <img src="6.png">
            </div>
            <div class="guanggaoimg">
                <img src="7.jpg">
            </div>
           <div class="guanggaoimg">
                <img src="8.png">
            </div>
            
    </div>
    </div>
</body>
</html>